// // 3. 创建虚拟dom
// import './index.scss';
// /*百度 */

// const MakeClick = (index) => {
//   console.log(index.detail);
// };
// class Game extends Component {
//   render() {
//     return (
//       <div className="App">
//         <BaiDu />
//         <TodoList />
//       </div>
//     );
//   }
// }
// class BaiDu extends Component {
//   render() {
//     return (
//       <div className="baidu">
//         <div className="logo">
//           <img
//             src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"
//             alt="百度"
//           />
//         </div>
//         <div className="search">
//           <input type="text" />
//           <button>百度一下</button>
//         </div>
//         <div className="list-main">
          // <header className="list-hd">
          //   <span className="list-one">百度热搜</span>
          //   <span className="list-two" >
          //     换一换
          //   </span>
          // </header>
//           <main className="list-bd">
//             <div className="zuo">
//               <ul>
//                 <li>
//                   <a href="https://www.baidu.com/s?wd=%E4%B8%80%E7%BB%84%E6%B5%B7%E6%8A%A5%E5%B8%A6%E4%BD%A0%E7%9C%8B%E6%B4%BB%E5%8A%9B%E4%B8%AD%E5%9B%BD&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                     一组海报带你看活力中国
//                   </a>
//                 </li>
//                 <li>
//                   <span>1</span>
//                   <a href="https://www.baidu.com/s?wd=%E5%AA%92%E4%BD%93%EF%BC%9A%E8%83%A1%E9%91%AB%E5%AE%87%E5%BD%95%E9%9F%B3%E7%AC%94%E8%A7%A3%E6%9E%90%E4%BB%8A%E6%97%A5%E5%87%BA%E7%BB%93%E6%9E%9C&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                     胡鑫宇家属.遗体在学校后山粮库...
//                   </a>
//                 </li>
//                 <li>
//                   <span>2</span>
//                   <a href="https://www.baidu.com/s?wd=%E4%B8%93%E5%AE%B6%E7%A7%B0%E5%B9%B4%E8%BD%BB%E6%97%B6%E4%B8%8D%E5%BA%94%E4%B8%BA%E9%92%B1%E5%8E%BB%E9%80%89%E6%8B%A9%E5%B7%A5%E4%BD%9C&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                     专家称年轻时不应为钱去选择工作
//                   </a>
//                 </li>
//               </ul>
//             </div>
//             <div className="you">
//               <ul>
//                 <li>
//                   <span>3</span>
//                   <a href="https://www.baidu.com/s?wd=%E5%A4%9A%E9%87%8D%E9%83%A8%E7%BD%B2%E4%B8%BA%E6%B6%88%E8%B4%B9%E5%A4%8D%E8%8B%8F%E6%B7%BB%E4%BF%A1%E5%BF%83&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                     多重部署为消费复苏添信心
//                   </a>
//                 </li>
//                 <li>
//                   <span>4</span>
//                   <a href="https://www.baidu.com/s?wd=%E5%AA%92%E4%BD%93%EF%BC%9A%E8%83%A1%E9%91%AB%E5%AE%87%E5%BD%95%E9%9F%B3%E7%AC%94%E8%A7%A3%E6%9E%90%E4%BB%8A%E6%97%A5%E5%87%BA%E7%BB%93%E6%9E%9C&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                     媒体:胡鑫宇录音笔解析今日出结果
//                   </a>
//                 </li>
//                 <li>
//                   <span>5</span>
//                   <a href="https://www.baidu.com/s?wd=%E6%AF%8D%E5%AD%90%E4%BF%A9%E5%A4%A7%E5%B9%B4%E5%88%9D%E4%B8%80%E5%AE%B6%E4%B8%AD%E5%9B%B4%E7%82%89%E7%85%AE%E8%8C%B6%E8%BA%AB%E4%BA%A1&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                     900万人次旅客春节飞去了哪儿
//                   </a>
//                 </li>
//               </ul>
//             </div>
//           </main>
//         </div>
//       </div>
//     );
//   }
// }
// class TodoList extends Component {
//   render() {
//     return (
//       <div className="todolist">
//         <div className="list_head">
//           <h2>拾忆记事本</h2>
//           <span className="record">记录生活点点滴滴，写下生活美一个美好</span>
//           <div className="listinput">
//             <button className="content">内容</button>
//             <input
//               className="contentinp"
//               type="text"
//               placeholder="请输入你要记事的内容"
//             />
//             <button className="confirm">确定</button>
//           </div>
//         </div>
//         <div className="navlist">
//           <div className="show">
//             <div className="box">
//               <span>1&nbsp;&nbsp;|</span>
//               <span>第一条记事本</span>
//             </div>
//             <span>X</span>
//           </div>
//           <div className="show">
//             <div className="box">
//               <span>2&nbsp;&nbsp;|</span>
//               <span>第二条记事本</span>
//             </div>
//             <span>X</span>
//           </div>
//           <div className="show">
//             <div className="box">
//               <span>3&nbsp;&nbsp;|</span>
//               <span>第三条记事本</span>
//             </div>
//             <span>X</span>
//           </div>
//         </div>
//         <div className="listButtom">
//           <div>总数:3</div>
//           <div>清除</div>
//         </div>
//       </div>
//     );
//   }
// }
// let root = ReactDOM.createRoot(document.getElementById('root'));
// root.render(<Game />);

// 1. 导入react核心库
import React from 'react';
// 2. 导入react-dom用于react操作dom
import ReactDOM from 'react-dom/client';

// 加载App组件入口文件（组件的主文件）
import App from './App';

// 4. 创建根节点
let root = ReactDOM.createRoot(document.getElementById('root'));
// 5. 渲染虚拟dom到页面中
root.render(<App />);
